﻿<div class="breadcrumbs">
    <div class="container">
        <h1 class="pull-left blogtitle">技术移民</h1>
        <ul class="pull-right breadcrumb">
            <li><a href="/home/index">首页</a></li>
            <li class="active blogtitle">技术移民</li>
        </ul>
    </div>
</div><!--/breadcrumbs-->
<!--=== Breadcrumbs v3 ===-->
<div class="breadcrumbs-v3 img-v1">
    <div class="container text-center">
        <p>Portfolio</p>
        <h1>Single Item</h1>
    </div><!--/end container-->
</div>
<!--=== End Breadcrumbs v3 ===-->

<div class="container content">
    <!-- 进入澳洲职场 -->
    <div class="title-box-v2"><h2>技术移民</h2></div>
    <div class="panel-group acc-v1 margin-bottom-40" id="accordion">
        <div class="panel panel-default" style="border-left: 0px;  border-bottom: 0px; border-right: 0px;">
            <div class="panel-heading" style="border-left: 1px solid #ddd; border-right: 1px solid #ddd">
                <h4 class="panel-title">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                        1. Put a bird on it squid single-origin coffee nulla?
                    </a>
                </h4>
            </div>
            <div id="collapseOne" class="panel-collapse collapse in">
                <div class="panel-body">
                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
                    <br />
                    <br/>
                    <a href="#portfolio" class="btn-u btn-brd-hover btn-u-dark btn-u-block">会计/Accounting</a>
                </div>
            </div>
        </div>
        <div class="panel panel-default" style="border-left: 0px;  border-bottom: 0px; border-right: 0px;">
            <div class="panel-heading" style="border-left: 1px solid #ddd; border-right: 1px solid #ddd">
                <h4 class="panel-title">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                        2. Oliva pariatur cliche reprehenderit high life accusamus?
                    </a>
                </h4>
            </div>
            <div id="collapseTwo" class="panel-collapse collapse in">
                <div class="panel-body" >
                    <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
                    <ul class="list-unstyled">
                        <li><i class="fa fa-check color-green"></i> Donec id elit non mi porta gravida at eget metus..</li>
                        <li><i class="fa fa-check color-green"></i> Fusce dapibus, tellus ac cursus comodo egetine..</li>
                        <li><i class="fa fa-check color-green"></i> Food truck quinoa nesciunt laborum eiusmod runch..</li>
                        <li><i class="fa fa-check color-green"></i> Donec id elit non mi porta gravida at eget metus..</li>
                    </ul>
                    <br />
                    <a href="#portfolio" class="btn-u btn-brd-hover btn-u-dark btn-u-block">会计/Accounting</a>
                </div>
            </div>
        </div>
        <div class="panel panel-default" style="border-left: 0px;  border-bottom: 0px; border-right: 0px;">
            <div class="panel-heading" style="border-left: 1px solid #ddd; border-right: 1px solid #ddd">
                <h4 class="panel-title">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                        3. Enim eiusmod high life accusamus terry richardson?
                    </a>
                </h4>
            </div>
            <div id="collapseThree" class="panel-collapse collapse in">
                <div class="panel-body">
                    <p>Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Food truck quinoa nesciunt laborum eiusmodolf moon tempor, sunt aliqua put a bird.</p>
                    <ul class="list-unstyled">
                        <li><i class="fa fa-check color-green"></i> Donec id elit non mi porta gravida at eget metus..</li>
                        <li><i class="fa fa-check color-green"></i> Fusce dapibus, tellus ac cursus comodo egetine..</li>
                    </ul>
                    <br />
                    <a href="#portfolio" class="btn-u btn-brd-hover btn-u-dark btn-u-block">会计/Accounting</a>
                </div>
            </div>
        </div>
        <div class="panel panel-default" style="border-left: 0px;  border-bottom: 0px; border-right: 0px;">
            <div class="panel-heading" style="border-left: 1px solid #ddd; border-right: 1px solid #ddd">
                <h4 class="panel-title">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                        4. Enim eiusmod high life accusamus terry richardson?
                    </a>
                </h4>
            </div>
            <div id="collapseThree" class="panel-collapse collapse in">
                <div class="panel-body">
                    <p>Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Food truck quinoa nesciunt laborum eiusmodolf moon tempor, sunt aliqua put a bird.</p>
                    <ul class="list-unstyled">
                        <li><i class="fa fa-check color-green"></i> Donec id elit non mi porta gravida at eget metus..</li>
                        <li><i class="fa fa-check color-green"></i> Fusce dapibus, tellus ac cursus comodo egetine..</li>
                    </ul>
                    <br />
                    <a href="#portfolio" class="btn-u btn-brd-hover btn-u-dark btn-u-block">会计/Accounting</a>
                </div>
            </div>
        </div>
    </div><!--/acc-v1-->
    <!-- End 进入澳洲职场 -->
</div>
@section scripts{
    <script src="~/assets/plugins/bootstrap/bootstrap-page.js"></script>
    <script>

        loadScroll();
        function loadScroll(){
            $.post('/data/selectconfig',{configkey:'scrolly'},function(data){

                if(data){
                    var html=[];
                    for(var key in data){
                        html.push(data[key].Title+'<br>')
                    }

                    $("#demo1").html(html.join(''))
                    scrollgo();
                }
            })
        }


        function scrollgo(){

            var demo = document.getElementById("demo");
            var demo1 = document.getElementById("demo1");
            var demo2 = document.getElementById("demo2");
            var speed=50;    //数值越大滚动速度越慢
            demo2.innerHTML = demo1.innerHTML;
            demo.scrollTop = demo.scrollHeight+'px';

            function Marquee(){
                var i =demo.scrollTop;
                demo.scrollTop++;
                //向下的无缝循环滚动
                if(demo2.offsetTop-demo.scrollTop<=0 || i ==  demo.scrollTop)    //当滚动至demo1与demo2交界时
                {
                    demo.scrollTop-=demo1.offsetHeight;    //demo跳到最顶端
                }
                //else{
                //    demo.scrollTop++;
                //}
            }
            var MyMar = setInterval(Marquee,speed);
            demo.onmouseover = function(){clearInterval(MyMar)}
            demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)}
        }



    </script>
}